<!DOCTYPE html>
<html lang="zh">

<head>
    <style>
    </style>
    <meta charset="UTF-8">
    <title>你好</title>
    <link rel="stylesheet" href="/assets/css/business.css">
    <script src="https://cdn.bootcss.com/Chart.js/2.5.0/Chart.js"></script>

</head>
<body>
    <div class="nav-wrap">
        <ul>
            <li><a><img alt="史" src="/assets/img/HomeImg/logo.jpg" style="width:70px;height:60px"></a></li>
            <li><a href="/Home">首页</a></li>
            <li><a href="/admin/order">订单管理</a></li>
            <li><a href="/admin/foodDetail">菜品管理</a></li>
            <li><a href="/admin/login">退出登录</a></li>
            <li th:text="${diningroom.name}"><a href="#">活动管理</a></li>
        </ul>
        <div class="user"><a><img alt="史" class="img" src="/assets/img.login/logo1.jfif" width="70px" height="60px"></a></div>
        <div class="img_list">
            <li><a href="#">个人中心</a></li>
            <li><a href="#">个人消息</a></li>
        </div>
    </div>
    <div class="main">
        <div class="small-box text-bg-warning">
            <div class="inner1">
                <pre><b>   商家简介                                    招牌菜品</b></pre>
                <ul class="order12">
                    <li th:text="${diningroom.introduce}">简介</li>
                </ul>
                <ul class="math12">
                    <li><img alt="史" th:src="${diningroom.famousfood}" width="100px" height="100px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
                    <li><img alt="史" th:src="${diningroom.famousfood2}" width="100px" height="100px"></li>
                </ul>
            </div>
            <div class="inner2">
                <p>店家公告</p>
                <ul class="order12">
                    <li>本店营业时间：8：00-24：00</li>
                    <li>开业大酬宾！满30-15！</li>
                </ul>
            </div>
        </div>
        <div class="small-box text-bg-warning">
            <div class="inner1">
                <p>近日总览</p>
                <ul class="order1">
                    <li th:text="${diningroom.today}">8</li>
                    <li th:text="${diningroom.toTournover}">814</li>
                    <li th:text="${diningroom.yesterday}">85</li>
                    <li th:text="${diningroom.yeTurnover}">877</li>
                </ul>
                <ul class="math1">
                    <li>今日订单</li>
                    <li>今日营业额</li>
                    <li>昨日订单</li>
                    <li>昨日营业额</li>
                </ul>
            </div>
            <div class="inner2">
                <p>待处理反馈</p>
                <ul class="order2">
                    <li>12</li>
                    <li>4</li>
                </ul>
                <ul class="math2">
                    <li>新订单</li>
                    <li>异常订单</li>
                </ul>
            </div>
        </div>
        <div class="myChart"> <canvas id="myChart"></canvas>
            <script>
                var ctx = document.getElementById("myChart").getContext("2d");

                var data = {
                    labels: ["星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],
                    datasets: [
                        {
                            label: "订单量",
                            backgroundColor: [
                                'rgba(255, 99, 132, 0.2)',
                                'rgba(54, 162, 235, 0.2)',
                                'rgba(255, 206, 86, 0.2)',
                                'rgba(75, 192, 192, 0.2)',
                                'rgba(153, 102, 255, 0.2)',
                                'rgba(255, 159, 64, 0.2)',
                                'rgba(119, 168, 30, 0.2)',
                            ],
                            borderColor: [
                                'rgba(255,99,132,1)',
                                'rgba(54, 162, 235, 1)',
                                'rgba(255, 206, 86, 1)',
                                'rgba(75, 192, 192, 1)',
                                'rgba(153, 102, 255, 1)',
                                'rgba(255, 159, 64, 1)',
                                'rgba(119, 168, 30, 1)',
                            ],
                            borderWidth: 1,
                            data: [65, 59, 52, 12,0, 0, 0],
                        }
                    ]
                };
            </script>
        </div>
    </div>
</body>
</html>